Игра Жизнь — это клеточный автомат созданный в 1970 году Джоном Конвеем

Это не совсем игра, а просто симуляция клеток по определенным правилам.От игрока лишь требуется размещать эти клетки.

В этом посте мы сделаем «Игру Жизнь» на HTML странице при помощи CSS & JS

Правила

Клетка — она может быть либо живой (темной), либо мертвой (белой).

У клетки есть 8 соседей вокруг и могут влиять на нее.

Если клетка мертва и у нее есть 3 живых соседа, тогда она рождается.

Если клетка жива и у нее есть 2 или 3 соседа, то она остается живой.В противном случае умирает от перенаселения или одиночества

Пишем главную страницу:

Создаем базовый код HTML и подключаем к нему .css и .js

Обозначим главный блок div в котором будут находится все клетки:

<div class="mainBox"></div>

.mainBox {     border: solid 3px #000000;     display: flex;     flex-wrap: wrap;     width: 45%;     height: 83%;     margin: 4% 26%;     position: fixed;     justify-content: flex-start; }

Внутрь mainBox создаем 256 штук:

<div class="cellBox"></div